@import "common";
// 头部
.index_head{
    width: vw(706);
    height: vw(150);
    // background-color: aqua;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .log{
        width: vw(123);
        height: vw(123);
    }
    .region{
        appearance: none;
        outline: none;
        width: vw(159);
        height: vw(50);
        border: 2px solid #ff9344;
        padding: 0 vw(15);
        font-size: vw(26);
        line-height: vw(50);
        background-image: url(../images/城市切换下拉.png);
        background-repeat: no-repeat;
        background-size: vw(32);
        background-position: center right;
        background-position-x: 90%;
    }
}
// 主要内容
main{
    .rotation_box{
        width: vw(750);
        height: vw(287);
        position: relative;
        background-image: url(../images/轮播.png);
        background-size: 100%;
        .strip{
            position: absolute;
            top: vw(186);
            width: 100%;
        }
    }
    .ground_buy{
        width: vw(708);
        height: vw(350);
        // background-color:gray;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        .first_line,.secend_line{
            display: flex;
            justify-content: space-around;
        }
        .img_box{
            width: vw(241);
            height: vw(97);
        }
    }
    // 猜我喜欢
    .mylike{
        width: vw(708);
        height: vw(450); 
        // background-color:gray;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        .mylike_content{
            // background-color: pink;
            display: flex;
            justify-content: space-between;
            width: vw(708);
            height: vw(164);
            .left{
                width: vw(211);
                height:vw(164);
                img{
                    width: 100%;
                }
            }
            .right{
                width: vw(484);
                display: flex;
                justify-content: space-between;
                .content_left{
                    display: flex;
                    flex-direction: column;
                    justify-content: space-evenly;
                    .dish_name{
                        font-size:vw(30);
                        line-height: vw(30);
                    }
                    .set_meal{
                        color: #494949;
                        font-size: vw(22);
                        line-height: vw(23);
                    }
                    .price{
                        font-size: vw(32);
                        line-height: vw(26);
                        color: #ff9344;
                    }
                }
                .content_right{
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                    justify-content: space-evenly;
                    color: #494949;
                    font-size: vw(22);
                }
            }
        }
    }
}